<!DOCTYPE html>
<html>

    <!-- 网站的头部 -->
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <title>Easy Cat Timer - Download</title>

        <!-- icon文件 -->
        <link type="image/x-icon" href="./favicon.ico" rel="icon">

        <!-- 样式文件-->
        <link rel="stylesheet" href="./css/style/initial.css">
        <link rel="stylesheet" href="./css/style/menu.css">
        <link rel="stylesheet" href="./css/style/main.css">
        <link rel="stylesheet" href="./css/animation/menu.css">
        <link rel="stylesheet" href="./css/animation/main.css">
        <link rel="stylesheet" href="./css/media/media.css">

        <!-- 代码文件 -->
        <script src="./js/script.js"></script>

    </head>

    <!-- 网站的身体 -->
    <body>
        
        <!-- 下载 -->
        <main id="main">

            <!-- 上方 -->
            <div class="top">

                <!-- 图片 -->
                <div class="cat"></div>
                <!-- 其他 -->
                <div class="other">
                    <!-- 标题 -->
                    <div class="title1">欢迎你，</div><!--Welcome,-->
                    <div class="title2">把Easy Cat Timer抱走</div><!--Take cat&timer away--><!--Take cat's timer away-->
                    <!-- 文字 -->
                    <div class="text">( 目前仅支持Windows系统 )</div><!--Currently only supports Windows-->
                    <!-- 按钮 -->
                    <a class="button" href="./asset/EasyCatTimer-v1.0.1.zip" target="_blank">下载 Easy Cat Timer</a><!--Download&nbsp;&nbsp;v1.0.1-->
                    <!-- 空 -->
                    <div class="null"></div>
                </div>

            </div>

            <!-- 分割线 -->
            <div class="line"></div>

            <!-- 下方 -->
            <div class="bottom">

                <!-- 其他的下载地址 -->
                <div class="alsoInHere">

                    <!-- 标题 -->
                    <div class="title">其他下载地址</div><!--Also in here-->
                    <!-- Steam -->
                    <a class="steam" href="https://store.steampowered.com/app/1054580/Easy_Cat_Timer/" target="_blank">Steam网站</a><!--Steam store-->
                    <!-- Github -->
                    <a class="github" href="https://github.com/xujiangjiang/Easy-Cat-Timer" target="_blank">Github网站</a><!--Github-->
                    <!-- 其他 -->
                    <a class="other" href="../index.html" target="_blank">在线使用</a><!--Online use-->

                </div>

                <!--源代码-->
                <div class="sourceCode">

                    <!-- 标题 -->
                    <div class="title">源代码</div><!--Source Code-->
                    <!-- Steam -->
                    <a class="desktop" href="https://github.com/xujiangjiang/Easy-Cat-Timer" target="_blank">桌面版</a><!--Desktop-->
                    <!-- Github -->
                    <a class="web" href="https://github.com/xujiangjiang/Easy-Cat-Timer-Web" target="_blank">网页版</a><!--Web page-->

                </div>

            </div>

        </main>

        <!-- 导航栏 -->
        <nav id="menu">

            <!-- 按钮 -->
            <div class="buttons">

                <!-- Logo -->
                <a class="logo" href="../index.html" target="_blank">
                    <!-- 图片 -->
                    <div class="image"></div>
                </a>

                <!-- 版本号 -->
                <div class="version">
                    <!-- 矩形 -->
                    <div class="rect"></div>
                    <!-- 尖角 -->
                    <div class="corner"></div>
                    <!-- 文字 -->
                    <div class="text">v1.0</div>
                </div>
                
                <!-- 这是什么？ -->
                <a class="whatIsIt" href="../what-is-it/index.html" target="_blank">
                    <!-- 文字:这是什么? -->
                    <div class="text">这是什么?</div><!--What's it?-->
                    <!-- 下划线 -->
                    <div class="line"></div>
                </a>

                <!-- 语言 -->
                <div class="language">
                    <!-- 文字:语言 -->
                    <div class="text">语言</div><!--Language-->
                    <!-- 下划线 -->
                    <div class="line"></div>

                    <!-- 可选的语言 -->
                    <div class="choose">
                        <!-- 盒子 -->
                        <div class="box"></div>
                        <!-- 箭头 -->
                        <div class="corner"></div>
                        <!-- 英文 -->
                        <a class="english" href="../../english/download/index.html" target="_blank">English</a>
                        <!-- 中文 -->
                        <a class="chinese" href="../../chinese/download/index.html" target="_blank">简体中文</a>
                    </div>
                </div>

                <!-- 空白 -->
                <div class="null"></div>

                <!-- 下载 -->
                <a class="download" href="../download/index.html" target="_blank">下载桌面版</a><!--Download-->

            </div>

        </nav>

    </body>

</html>